<?php

/**
 * @author MrDan
 * @copyright 2012
 */

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="en" />
    <meta name="author" content="MrDan" />

    <link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="/css/form.css" />

	<title>FreeLancers</title>
</head>

<body>

<!-- Header -->
<div id="header">
<div class="fixed clear">
    <div id="header_top" class="clear">
        <span id="description">Làm theo đầu việc</span>
        
        <div id="search">
            <input name="search" type="text" placeholder="Search" size="50" />
        </div>
        
        <div id="login">
            <a href="">SignUp</a>
            <a href="">Login</a>
            <div class="seps_01"></div>
            <a href=""><img src="images/fb_login.jpg" /></a>
        </div>
    </div>
    <div id="header_main" class="clear">
        <div id="logo" title="FreeLancers"><span>How It Works - 5 Easy Steps</span></div>
        <div id="navbar">
            <ul>
                <li><a href="">Trang chủ</a></li>
                <li><a href="">Tìm việc làm</a></li>
                <li><a href="">Tạo Hồ sơ</a></li>
                <li><a href="">Tạo việc làm</a></li>
            </ul>
        </div>
        <div id="steps">
            <ul id="top-steps-menu">
			<li class="top-steps-01"><a href=""><img alt="Step 01" src="images/icons/step_01.png"><br /><span>Step 01</span></a></li>
            <li class="steps_sep"></li>
			<li class="top-steps-02"><a href=""><img alt="Step 02" src="images/icons/step_02.png"><br /><span>Step 02</span></a></li>
            <li class="steps_sep"></li>
			<li class="top-steps-03"><a href=""><img alt="Step 03" src="images/icons/step_03.png"><br /><span>Step 03</span></a></li>
            <li class="steps_sep"></li>
			<li class="top-steps-04"><a href=""><img alt="Step 04" src="images/icons/step_04.png"><br /><span>Step 04</span></a></li>
            <li class="steps_sep"></li>
			<li class="top-steps-05"><a href=""><img alt="Step 05" src="images/icons/step_05.png"><br /><span>Step 05</span></a></li>
            </ul>
        </div>
    </div>
</div>
</div>
<!-- Content -->
<div id="content">
    <div id="main_content" class="fixed clear">
    <span class="col_title">Recent Works</span>
        <table class="job_list" width="100%">
            <thead>
                <th width="50%">Project Name</th>
                <th width="5%">Type</th>
                <th width="5%">Bid(s)</th>
                <th width="10%">Avg</th>
                <th width="20%">Skills Required</th>
                <th width="5%">Start</th>
                <th width="5%">End</th>
            </thead>
            <tbody>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
                <tr>
                    <td>Design WordPress Template & Module Calculate Random Results</td>
                    <td>Fixed</td>
                    <td>2</td>
                    <td>2500$</td>
                    <td>PTS PHP MySQL</td>
                    <td>Today</td>
                    <td>5days</td>
                </tr>
            </tbody>
        </table>

    <span class="col_title">HOT Works Categories</span>
    <span class="col_header">Job Categories</span>
    <div class="col_content clear">
        <div class="job_category">
        <span class="category_parent"><a href="">Category #1</a></span>
        <ul>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <p class="clear"></p>
        </ul>
        </div>
        
        <div class="job_category">
        <span class="category_parent"><a href="">Category #1</a></span>
        <ul>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <p class="clear"></p>
        </ul>
        </div>
        
        <div class="job_category">
        <span class="category_parent"><a href="">Category #1</a></span>
        <ul>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <p class="clear"></p>
        </ul>
        </div>
        
        <div class="job_category">
        <span class="category_parent"><a href="">Category #1</a></span>
        <ul>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <p class="clear"></p>
        </ul>
        </div>
        
        <div class="job_category">
        <span class="category_parent"><a href="">Category #1</a></span>
        <ul>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <li><a href="" class="category_child">Category #1 </a>(<a href="">123</a>)</li>
            <p class="clear"></p>
        </ul>
        </div>
        <p class="clear"></p>
    </div>
    
    <div class="job_button" style="text-align: center;">
        <a href="" class="is_button">Post a new Project</a>
        <a href="" class="is_button">Sign Up Now for Free</a>
        <p class="clear"></p>
    </div>
    </div>
</div>

<!-- Footer -->
<div id="footer" class="fixed">
    <div class="col_footer">
        <span>Company</span>
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About Us</a></li>
            <li><a href="">Services</a></li>
            <li><a href="">Products</a></li>
            <li><a href="">Contact Us</a></li>
        </ul>
    </div>
    <div class="col_footer">
        <span>Company</span>
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About Us</a></li>
            <li><a href="">Services</a></li>
            <li><a href="">Products</a></li>
            <li><a href="">Contact Us</a></li>
        </ul>
    </div>
    <div class="col_footer">
        <span>Company</span>
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About Us</a></li>
            <li><a href="">Services</a></li>
            <li><a href="">Products</a></li>
            <li><a href="">Contact Us</a></li>
        </ul>
    </div>
    <div class="col_footer">
        <span>Connect with Us</span>
        <ul>
            <li><a href=""><img src="images/icons/fb.png" />FaceBook</a></li>
            <li><a href=""><img src="images/icons/tw.png" />Twitter</a></li>
            <li><a href=""><img src="images/icons/fc.png" />Faces</a></li>
            <li><a href=""><img src="images/icons/rss.png" />Feed RSS</a></li>
        </ul>
    </div>
    <p class="clear"></p>
    
</div>
<div id="statistic" class="fixed">
    <div class="col_statistic">
    <span class="statistic_num">654,215</span>
    <span class="statistic_description">users online</span>
    </div>
    <div class="col_statistic">
    <span class="statistic_num">1,452,215</span>
    <span class="statistic_description">freelancers</span>
    </div>
    <div class="col_statistic">
    <span class="statistic_num">3,356,129</span>
    <span class="statistic_description">projects posted</span>
    </div>
</div>
<div id="copyright" class="fixed"><p>Allright Reserve @ D&D Group 2012</p></div>
</body>
</html>